function Save(){
		var par = $(this).parent().parent(); //tr
		var tdName = par.children("td:nth-child(2)");
		var tdPhone = par.children("td:nth-child(3)");
		var tdEmail = par.children("td:nth-child(4)");
		var tdButtons = par.children("td:nth-child(5)");
	 
		tdName.html(tdName.children("input[type=text]").val());
		tdPhone.html(tdPhone.children("input[type=text]").val());
		tdEmail.html(tdEmail.children("input[type=text]").val());
		tdButtons.html("<a href='#edit'>Edit</a> | <a href='#detail'>Detail</a>");
	 
		$('a[href="#edit"]').bind("click", Edit);
		$('a[href="#detail"]').bind("click", ShowDetails);
	};
	function Edit(){
		var par = $(this).parent().parent(); //tr
		var tdName = par.children("td:nth-child(2)");
		var tdPhone = par.children("td:nth-child(3)");
		var tdEmail = par.children("td:nth-child(4)");
		var tdButtons = par.children("td:nth-child(5)");
	 
		tdName.html("<input type='text' id='txtName' value='"+tdName.html()+"'/>");
		tdPhone.html("<input type='text' id='txtPhone' value='"+tdPhone.html()+"'/>");
		tdEmail.html("<input type='text' id='txtEmail' value='"+tdEmail.html()+"'/>");
		tdButtons.html("<a href='#save'>Save</a>");
	 
		$('a[href="#save"]').bind("click", Save);
	};
	
	function UpdateNilai(){
		alert("Not yet implemented");
	}
	
	function ShowDetails(){
		alert("Not yet implemented");
	}
	
	$(function(){
		//Add, Save, Edit and Delete functions code
		$('a[href="#edit"]').bind("click", Edit);
		$('a[href="#detail"]').bind("click", ShowDetails);
		$('button[type="submit"]').bind("click", UpdateNilai);
	});
	$('a[href="#edit"]').click(function(e){
	  e.preventDefault();
	});
	$('a[href="#detail"]').click(function(e){
	  e.preventDefault();
	});